<div id="app">
    <!-- $event 表示原生的事件参数对象，可以解决事件参数对象 event 被覆盖的问题。 -->
    <!-- 在事件绑定时，不仅能传递自定义参数，还能通过 $event 传递被覆盖的原生事件参数对象 -->
    <button @click="cal(1,$event)">+1</button>

    <h1>{{count}}</h1>
</div>
<script src="./lib/vue-2.6.12.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            count: 1,
        },
        methods: {
            cal(n, e) {
                this.count += n
                if (this.count % 2 === 0) {
                    e.target.style.backgroundColor = 'red'
                } else {
                    e.target.style.backgroundColor = ''
                }
            }
        }
    })
</script>